<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8"/>
	<title><?php echo $route;?></title>
	
	<link rel="stylesheet" href="<?php echo base_url();?>css/layout.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?php echo base_url();?>css/jquery-ui.css" type="text/css" media="screen" />
	<!--[if lt IE 9]>
	<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<script src="<?php echo base_url();?>js/jquery.min.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>js/jquery-ui.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>js/hideshow.js" type="text/javascript"></script>
	<script src="<?php echo base_url();?>js/jquery.tablesorter.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="<?php echo base_url();?>js/jquery.equalHeight.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		//When page loads...
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content
	
		//On Click Event
		$("ul.tabs li").click(function() {
	
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
	
			var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
			$(activeTab).fadeIn(); //Fade in the active ID content
			return false;
		});
	
	});
    </script>
    <script type="text/javascript">
    $(function(){
        $('.column').equalHeight();
    });
</script>

</head>


<body>

	<header id="header">
		<hgroup>
			<h1 class="site_title"><a href="<?php echo site_url();?>"></a></h1>
			<h2 class="section_title"><?php echo $route2;?></h2>
			<div class="btn_view_site"><a href="<?php echo site_url();?>">Home</a></div>
		</hgroup>
	</header> <!-- end of header bar -->
	
	<section id="secondary_bar">
		<div class="user">
			<p>
				<?php echo ucfirst($username);?>
			</p>
		</div>
		<div class="breadcrumbs_container">
		<?php if (isset($route3) && isset($route2link)){?>
			<article class="breadcrumbs">
				<a href="<?php echo site_url().$routelink;?>"><?php echo $route;?></a>
				<div class="breadcrumb_divider"></div>
				<a href="<?php echo site_url().$route2link;?>"><?php echo $route2;?></a>
				<div class="breadcrumb_divider"></div>
				<a class="current"><?php echo $route3;?></a>
			</article>
		<?php }else{?>
			<article class="breadcrumbs">
				<a href="<?php echo site_url().$routelink;?>"><?php echo $route;?></a> 
				<div class="breadcrumb_divider"></div>
				<a class="current"><?php echo $route2;?></a>
			</article>
		<?php }?>
		</div>
	</section><!-- end of secondary bar -->